<template>
  <div>
    <temple-Dashboard
      :ismenu="ismenu"
      @handlefullScreen="handlefullScreen"
      :fullscreen="fullscreen"
      v-if="ismenu"
    ></temple-Dashboard>
  </div>
</template>
<script>
import templeDashboard from "./temple3d.vue";
import { nextTick, onMounted, reactive, ref } from "vue";
import { useRouter, useRoute } from "vue-router";
export default {
  components: {
    templeDashboard,
  },
  setup() {
    const router = useRouter();
    const route = useRoute();
    const fullscreen = ref(route.query.fullscreen||true);
    const ismenu = ref(true)
    const handlefullScreen = (fullscreen) => {
      nextTick(function(){
      ismenu.value = false;
      })
      router.push("/buildIndex?ismenu=true");
    };
    return { fullscreen,ismenu, handlefullScreen };
  },
};
</script>
<style lang="less" scoped></style>
